/* 首页部分 */
@font-face {
	font-family: 'Alimama_ShuHeiTi_Bold';
	src: url('Alimama_ShuHeiTi_Bold.ttf');
}

@font-face {
	font-family: 'FeiHuaSongTi';
	src: url('FeiHuaSongTi-2.ttf');
}

body, html {
    font-size: 18px;
}

@media screen and (max-width: 1280px){
    html{
        font-size: 12px;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1440px){
    html{
        font-size: 16px;
    }
}

@media screen and (min-width: 1440px) {
    html{
        font-size: 20px;
    }
}

.top { width: 100%; margin: 0px; z-index: 999; position: fixed; top: 0;  background-color: #fff; }
.top .rom { display: flex; align-items: center; justify-content: space-between; }
.top_logo { display: inline-block; width: 15rem; transition: all 0.3s ease 0s; }
.top_logo img { width: 100%; }
.top_nav { display: inline-block; margin-left: 12rem; }
.top_nav_item { display: inline-block; text-align: center; }
.top_nav_item:hover, .top_nav__on { background: #013e99; background: -webkit-linear-gradient(to right, #013e99, #013e99); background: linear-gradient(to right, #013e99, #013e99); color: #fff; transition: all 0.3s ease 0s; }
.top_nav_item a { padding: 0 1rem; line-height: 4.2rem; display: block; text-align: center; font-size: .76rem; font-weight: normal; transition: all 0.3s; }
.top_nav_item:hover a { color: #fff; }
.top_nav_ul { position: absolute; z-index: 99; display: none; padding: 1rem 0px 1rem; border-radius: 0 0 5px 5px; transition: all 0.3s ease 0s; }
.top_nav_item:hover .top_nav_ul { display: block; background-color: #013e99; transition: all 0.3s ease 0s; }
.top_nav_li { width: 8rem; text-align: center; }
.top_nav_li a { color: #666; font-size: .8rem; line-height: 1.6rem; }
.top_nav_li a:hover { background-color: #498937; color: #fff; }
.top__scroll { background-color: rgba(255,255,255,0.9); }
.top__scroll .top_logo { width: 13rem; transition: all 0.3s ease 0s; }
.top__scroll .top_nav_font { line-height: 3.6rem; font-size: .72rem; transition: all 0.3s ease 0s; }

.top_right { display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; }
.top_icon_wx { position: relative; }
.top_icon_svg svg { width: 2rem; height: 2rem; }
.top_icon_info { position: absolute; top: 3rem; right: -50%; background: #fff; padding: 1rem 1rem 0.5rem; display: none; }
.top_icon_wx:hover .top_icon_info { display: block; }
.top_icon_info img { width: 5rem; }
.top_icon_font { text-align: center; line-height: 2rem; }

.top_tel { font-size: 1rem; color: #013e99; font-weight: bold; }

#swiper-banner { margin-top: 4.2rem; }
#swiper-banner .swiper-slide  { height: 100%; display: flex; justify-content: center; align-items: center; }

.banner_info--right { display: flex; flex-direction: row-reverse; align-items: center; background-color: rgba(0,0,0,.3); width: 100%; height: 100%; padding-right: 2rem; }
.banner_wrap--right { width: calc(42vw); }
.banner_info_tt--right { font-size: 4rem; color: #fff; line-height: 4.2rem; letter-spacing: 5px; font-family: "Alimama_ShuHeiTi_Bold"; font-weight: bold; }
.banner_info_en--right { font-size: 1.2rem; color: #fff; line-height: 1.2rem; margin-top: 1.5rem; font-weight: 300; text-indent: 10px; letter-spacing: 2px; font-family: "FeiHuaSongTi"; }
.banner_info_line--right { display: inline-block; width: 20rem; height: 1px; background: #fff; margin: 1.5rem 0px 1.5rem; text-align: right; }
.banner_info_intro--right { margin: 0 auto; }
.banner_info_intro--right p { font-family: "FeiHuaSongTi"; margin-bottom: 10px; font-size: 1rem; font-weight: 300; line-height: 1rem; color: #fff; }

.banner_info--mid { display: flex; flex-direction: row; align-items: center; background-color: rgba(0,0,0,.3); width: 100%; height: 100%; padding-right: 2rem; text-align: center; justify-content: space-evenly }
.banner_wrap--mid { width: calc(75vw); }
.banner_info_tt--mid { font-size: 4rem; color: #fff; line-height: 4.2rem; letter-spacing: 5px; font-family: "Alimama_ShuHeiTi_Bold"; font-weight: bold; }
.banner_info_en--mid { font-size: 1.2rem; color: #fff; line-height: 1.2rem; margin-top: 1.5rem; font-weight: 300; text-indent: 10px; letter-spacing: 2px; font-family: "FeiHuaSongTi"; }
.banner_info_line--mid { display: inline-block; width: 20rem; height: 1px; background: #fff; margin: 1.5rem 0px 1.5rem; text-align: right; }
.banner_info_intro--mid { margin: 0 auto; }
.banner_info_intro--mid p { font-family: "FeiHuaSongTi"; margin-bottom: 10px; font-size: 1rem; font-weight: 300; line-height: 1rem; color: #fff; }

.banner_info--left { display: flex; flex-direction: row-reverse; align-items: center; background-color: rgba(0,0,0,.3); width: 45%; height: 100%; }
.banner_wrap--left { width: 100%; display: flex; flex-direction: row-reverse; flex-wrap: wrap; }
.banner_info_tt--left { font-size: 4rem; color: #fff; line-height: 4.2rem; letter-spacing: 5px; font-family: "Alimama_ShuHeiTi_Bold"; font-weight: bold; text-align: right; }
.banner_info_line--left { display: inline-block; width: 20rem; height: 1px; background: #fff; margin: 1.5rem 0px 1.5rem; text-align: right; }
.banner_info_intro--left { text-align: right; }
.banner_info_intro--left p { font-family: "FeiHuaSongTi"; margin-bottom: .6rem; font-size: 1rem; font-weight: 300; line-height: 1rem; color: #fff; }

.banner_thumb_info--right { display: flex; flex-direction: row-reverse; align-items: center; background-color: rgba(0,0,0,.3); width: 50%; height: 100%; justify-content: flex-end; padding-left: 5rem; }
.banner_thumb { position: relative; width: 12rem; height: 12rem; transform: rotate(45deg); background-color: #fff; overflow: hidden; }
.banner_thumb:nth-child(1) { top: -1.5rem; }
.banner_thumb:nth-child(2) { top: 7.5rem; right: 3rem; }
.banner_thumb:nth-child(3) { top: -7.5rem; right: 12rem; }
.banner_thumb:nth-child(4) { top: 1.5rem; right: 15rem; }

.banner_thumb_cover { width: 12rem; height: 12rem; display: table-cell; vertical-align: middle; text-align: center; transform: rotate(-45deg); }
.banner_thumb img { max-width: 100%; max-height: 100%; }

.banner_thumb_img img { width: 30rem; }

.main-title { padding: 3rem 0 4rem; text-align: center; }
.main-title_en { position: relative; top: -0px; font-size: 4rem; color: rgba(68,68,68,0.1); text-transform: uppercase; }
.main-title_font { margin-bottom: 20px; font-size: 2rem; line-height: 2rem; font-weight: bold; color: #3c3c3c; text-transform: uppercase; }
.main-title_sub { font-size: .8rem; line-height: .8rem; color: #969696; }

.categories { background-color: #eee; margin: 0; padding: 3rem 0;  overflow: hidden; }
.categories_list { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; width: 100%; }
.categories_item { width: 7.2rem; height: 7.2rem; border-radius: 50%; background-color: #ccc; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; transition: all 0.5s ease 0s; }
.categories_item:hover { background-color: #ddd; margin-top: -1rem; }
.categories_icon svg { width: 2.4rem; height: 2.4rem; transition: all 0.5s ease 0s; }
.categories_title a { font-size: .72rem; line-height: 1.8rem; }

.product_wrap { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; }
.product_category { width: 16rem; background-color: #eee; }
.product_category_title { padding: 1.5rem 0 1rem; height: 4rem; background-color: #013e99; }
.product_category_title_font { margin: 0 auto; width: 80%; font-size: 1.4rem; font-weight: bold; line-height: 3rem; color: #fff; border-bottom: 1px solid #fff; }
.product_category_title_sub { margin: -2.3rem auto 0; width: 80%; font-size: 2.3rem; font-weight: bolder; color: rgb(247 248 246 / 30%); }
.product_category_list { padding: 1rem 0px .8rem; }
.product_category_item--fa_title { display: block; width: 12.5rem; margin: 0 auto .6rem; background-color: #a7a7a7; font-size: .8rem; line-height: 2.5rem; text-indent: 1rem; color: #fff; font-weight: bold; }
.product_category_contact { display: flex; justify-content: center; align-items: center; width: 100%; padding: 2rem 0; margin: 0 auto; background: #fc4a1a; background: -webkit-linear-gradient(to right, #f7b733, #fc4a1a); background: linear-gradient(to right, #f7b733, #fc4a1a); }
.product_category_contact_icon { width: 3rem; }
.product_category_contact_icon svg { width: 3rem; height: 3rem; }
.product_category_contact_info { width: 9rem; margin-top: .7rem; }
.product_category_contact_font { color: #fff; font-weight: 300; font-size: .7rem; line-height: .7rem; margin-top: -6px; margin-left: 5px; }
.product_category_contact_phone { font-weight: 600; color: #fff; font-size: 1.4rem; line-height: 2rem; }

.product_list { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; width: 100%; }
.product_item { width: 17.5rem; margin-bottom: .5rem; }
.product_item_thumb { position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 80%; }
.product_item_thumb img { position: absolute; object-fit: cover; width: 100%; height: 100%; border: 0; vertical-align: middle; }
.product_item_title { display: block; width: 100%; background-color: #eee; text-align: center; font-size: 1rem; color: #212121; line-height: 2.4rem; }
.product_item:hover .product_item_title { background-color: #013e99; color: #fff; }
.product_item_info { position: absolute; display: flex; justify-content: center; align-items: center; top: 100%; width: 100%; height: 100%; background-color: rgba(9,9,9,0.6); color: #fff; transition: all 0.3s ease 0s; }
.product_item:hover .product_item_info { top: 0%; transition: all 0.3s ease 0s; }
.product_item_info_focus { width: 80%; text-align: center; margin: 0 auto; }
.product_item_info_title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; font-size: 1rem; font-weight: bold; line-height: 1.2rem; margin-bottom: .5rem; opacity: 0.6; }
.product_item_info_sub { font-size: .8rem; font-weight: bold; line-height: 1rem; opacity: 0.6; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }


.special_wrap { width: 95%; padding-bottom: 3rem; margin: 0 auto; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; }
.special_item { }
.special_icon { display: flex; align-items: center; justify-content: center; width: 10rem; height: 10rem; background-color: #013e99; border-radius: 50%; margin: 0 auto; transition: all 0.5s ease 0s; }
.special_icon:hover { border-radius: 10%; background-color: #ffc107; transition: all 0.5s ease 0s; }
.special_icon svg { width: 5rem; height: 5rem; }
.special_tt { font-size: 1rem; color: #222; font-weight: bold; line-height: 2.5rem; margin-top: 1rem; text-align: center; }
.special_line { width: 2.2rem; height: 5px; background: #e75524; margin: .5rem auto .8rem; }
.special_info { width: 12rem; margin: 0px auto; font-size: .8rem; color: #666; line-height: 1.5rem; text-align: center; }

.news { background: #ddd; padding: 2.5rem 0 8rem; margin: 2rem 0 0; }
.news_list { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; }
.news_item { background: #f3f3f3; width: 18rem; height: 8rem; border-radius: 10px; position: relative; padding: 8rem 2rem 2rem; transition: all 0.3s ease 0s; }
.news_item:hover { background: #013e99; transition: all 0.3s ease 0s; }
.news_date { width: 5.2rem; height: 5rem; background: #013e99; padding-top: 1.2rem; border-radius: 8px; position: absolute; top: -15px; transition: all 0.3s ease 0s; }
.news_item:hover .news_date { background: #e75524; height: 6.5rem; transition: all 0.3s ease 0s; }
.news_date * { color: #fff; font-weight: 400; }
.news_month { text-align: center; font-family: "Alimama_ShuHeiTi_Bold"; font-size: 1.3rem; line-height: 2.5rem; letter-spacing: 1px; }
.news_year { text-align: right; font-family: "Alimama_ShuHeiTi_Bold"; font-size: 1rem; letter-spacing: 1px; line-height: 1rem; color: #ffc107; padding-right: .8rem; }
.news_title { font-size: 1rem; font-weight: bold; color: #212121; line-height: 2rem; }
.news_sub { font-size: .7rem; color: #666; line-height: 1.4rem; margin-top: 1rem; }
.news_item:hover * { color: #fff; }

.footer { padding: 3rem 0; margin: 0; background: #013e99; }
.footer_rom { display: flex; flex-direction: row; justify-content: space-around; }
.footer_box { width: 15rem; }
.footer_box_title_font { font-size: 1rem; color: #fff; line-height: 3rem; }
.footer_box_title_line { width: 1.6rem; height: 2px; background-color: #ffc107; margin-bottom: 1rem; }
.footer_list { display: flex; flex-direction: column; }
.footer_item { font-size: .8rem; color: #fff; line-height: 1.4rem; }
.footer_qrcode { width: 6rem; }

.bottom { background: #000; margin: 0; }
.bottom_font { color: #9f9f9f; text-align: center; font-size: .8rem; line-height: 3rem; }
.bottom_link { color: #9f9f9f; }